*{
    margin: 0;
    padding: 0;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 16px;
}

#backgroup{
    width: 100vw;
    height: 100vh;
    background-image: url(../考察报告页面.png);
    opacity: 0;
    position: fixed;
}

header,nav,article,footer{
    width: 100%;
    position: relative;
    opacity: 1;
}
.content{
    z-index: 2;
    margin: 0 auto;
    width: 1617px;
    opacity: 1;
}
header{
    /* height: 35px; */
    /* background-color: aquamarine; */
    background-color: #f5f5f5;
   
}
header .content{
    /* background-color: red; */
    position:relative;
}
header .content .headerUl{
    display: flex;
    list-style: none;
    color: rgba(0, 0, 0,.65);
    
}
header .content .headerLi{
    font-weight: 500;
    font-size: 16px;
    margin-top: 17px;
}
header .content .headerUlSeparate{
    color: rgba(0, 0, 0, 0.2);
    font-size: 13px;
    font-weight: 100;
    margin-top: 21px;
    margin-left: 13px;
    margin-right: 14px;
}
header .content .headerUlSpecialChar{
    color: rgba(0, 0, 0, 0.3);
    font-size: 20px;
    margin-top: 14px;
    margin-left: 0px;
    margin-right: 6px;
}
header .content .headerUlImg{
    margin-top: 17px;
    margin-left: 5px;
    margin-right: 8px;
}

#headerContent{
    height: 50px;
    
}
#leftUl{
    float: left;
    margin-left: 0px;
}
#rightUl{
    float: right;
    margin-right: 117px;
}
nav{
    /* background-color: bisque; */
}
nav .content .ul{
    /* display: block; */
    position: absolute;
    list-style: none;
    margin-top: 205px;
    margin-left: 10px;
}
nav .content .ul .li{
    position: relative;
    float: left;
    font-size: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
    z-index: 2;
    margin-left: 0px;
    margin-right: 45px;
}
nav .content .search{
    position: absolute;
    font-size: 18px;
    margin-top: 51px;
    /* margin-left: 500px; */
}
nav .content .underSearchUlIl{
    font-size: 18px;
    float: left;
    margin-left: 13px;
}
#navContent{
    
    height: 250px;
    /* background-color: blueviolet; */
}
#navContent #navImgWeb{
    position: absolute;
    margin-top: 42px;
    margin-left: 24px;
}
#navContent #searchInput{
    
    margin-left: 506px;
    width: 508px;
    height: 46px;
    border: 2px solid #e31939;
}
/* 设置搜索框中的文本的透明度 */
#navContent #searchInput::placeholder{
    opacity: 0.5;
}
#navContent #searchButton{
    margin-left: 1017px;
    width: 102px;
    height: 50px;
    border: none;
    color: white;
    background-color: #e31939;
    /* border: 2px solid #e31939; */
    
}
#navContent #underSearchUl{
    position: absolute;
    list-style: none;
    margin-top: 105px;
    margin-left: 511px;
    color: rgba(0, 0, 0, 0.72);
}
#navContent #underSearchUl #firstLi{
    margin-left: 0px;
}
#navContent #shoppingCart{
    position: absolute;
    margin-top: 53px;
    margin-left: 1306px;
    width: 193px;
    height: 53px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
#navContent #shoppingCart #img{
    position: relative; 
    margin-top: 10px;
    margin-left: 9px;
}
#navContent #shoppingCart #text{
    position: absolute;
    line-height: 0;
    margin-top: 28px;
    margin-left: 24px;
    color: rgba(0, 0, 0, 0.5);
}
#navContent #shoppingCart #arrowDown{
    position: absolute;
    margin-top: 22px;
    margin-left: 114px;
}
#navContent #redBox{
    position: absolute;
    z-index: 1;
    width: 302px;
    height: 62px;
    margin-top: 187px;
    background-color: #e31939; 
}
#navContent #redBoxSpecialChar{
    color: white;
    font-size: 30px;
    font-weight: 200;
    margin-top: -5px;
    margin-left: 16px;
}
#navContent #redBoxText{
    color: white;
    font-weight: 200;
    margin-left: 18px;
}
#navContent #lowerMiddleLiFirst{
    color: #e3273f;
    margin-left: 118px;
    margin-right: 65px;
}
#navContent #lowerMiddleLiLast{
    font-family: 黑体;
    font-size: 20px;
    font-weight: 700;
    margin-left: 70px;
    margin-top: -10px;
}
#navContent #text{
    margin-left: -5px;
}
#navContent #lowerMiddleLiLast #phoneLogo{
    color: rgba(0, 0, 0, 0.6);
    font-size: 30px;
} 
#navContent #lowerMiddleLiLast #text{
    font-family: 黑体;
    font-size: 18px;
    
}

#navContent #lowerMiddleLiLast #phoneNumber{
    font-family: 黑体;
    font-size: 20px;
    font-weight: 700;
    margin-left: -3px;
}
hr{
    z-index: 1;
    /* margin: 0; */
    /* padding: 0; */
    /* height: 10px; */
    border: 1px solid rgba(0, 0, 0, 0.1);
}
article{
    /* background-color: brown; */
}
#articleContent{
    height: 1800px;
    /* background-color: yellow; */
}
footer{
    /* background-color: #2b2b2b; */
}
#footerContent{
    height: 405px;
    /* background-color: yellowgreen; */
}